mixin click-hide({width, height, ratio = 1})
  -ratio = ratio * 100
  
  section(style=`pointer-events:none;display:block;text-align:center;margin-left:auto;margin-right:auto;background-position:center top;background-repeat:no-repeat;margin-bottom:-1.7vw`)
    svg(viewBox=`0 0 ${width} ${height}`, style=`transform:scale(1);pointer-events:none;max-width:none!important;-webkit-tap-highlight-color:transparent;-webkit-user-select:none`)
      g(opacity=`0`)
        animate(attributeName=`opacity`, values=`0;1`, begin=`0.3s`, dur=`0.01s`, restart=`never`, fill=`freeze`)
        block
        animate(attributeName=`opacity`, values=`1;0`, begin=`click`, dur=`0.4s`, restart=`never`, fill=`freeze`)
        animateTransform(attributeName=`transform`, type=`translate`, values=`0 0;-10000 0;-10000 0`, keyTimes=`0;0.000000001;1`, begin=`click+0.4`, dur=`1000s`, restart=`never`, fill=`freeze`)
      set(attributeName=`visibility`, from=`visible`, to=`hidden`, begin=`click+0.4s`)
      animate(attributeName=`width`, values=`100%;${ratio}%;${ratio}%`, begin=`click+0.4s`, dur=`1000s`, keyTimes=`0;0.003;1`, keySplines=`0.42 0 0.58 1.0; 0.42 0 0.58 1.0`, calcMode=`spline`, fill=`freeze`, restart=`never`)
